<template>
  <div id="section">
    <div class="breadcrumb-panel">
      <el-breadcrumb separator="/" style="font-size: large;">
        <span v-for="(item,index) in breadlist">
          <el-breadcrumb-item><router-link :to="item.path || '/'">&nbsp;/ {{item.name}}</router-link></el-breadcrumb-item>
        </span>
        <!--<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>-->
        <!--<el-breadcrumb-item>活动管理</el-breadcrumb-item>-->
        <!--<el-breadcrumb-item>活动列表</el-breadcrumb-item>-->
        <!--<el-breadcrumb-item>活动详情</el-breadcrumb-item>-->
      </el-breadcrumb>
    </div>
    <!--<router-view/>-->
  </div>
</template>

<style>
  #section {
    position: absolute;
    width: calc(100% - 310px);
    height: calc(100% - 100px);
    /*padding-top: 10px;*/
    padding: 0px 50px;
    top: 80px;
    left: 200px;
    /*background-color: red;*/
    overflow-x: hidden;
    overflow-y: auto;
  }

  .breadcrumb-panel {
    padding: 10px 0;
    margin: 10px 0 20px 0;
    border-bottom: solid 1px rgba(0, 0, 0, .3);
  }
</style>